<template>
	<view>
		<u-navbar title="购买记录" :fixed="true" :autoBack="true" :placeholder="true" bgColor="#0e8afe" leftIconColor="#fff"
			:titleStyle="{color:'#fff'}" @rightClick="rightClick">
			<template #right><text style="color:#fff;">开发票</text></template>
		</u-navbar>
		<view class="gmjl-wrap">
			<view class="gmjl-null" v-show="this.gmjlList.length<=0">
				<image src="/static/img/jilu_null.png" class="null-img"></image>
				<view class="gmjl-null-text">没有记录</view>
				<view class="gmjl-null-btn" @click="kaitong">去开通</view>
			</view>
			<view class="gmjl-cell" v-show="this.gmjlList.length>0">
				<view class="gmjl-cell-list" v-for="(item,index) in gmjlList" :key="index">
					<view class="gmjl-list-media" :class="{'scan': editModel}">
						<view class="" v-if="item.statu==5&&item.fpid<=0">
							<image @tap="checkbox(item)" src="/static/img/select-icon.png"
								v-show="editModel&&!isInArray(checkArr, item.orderid)" class="select-icon"></image>
							<image @tap="checkbox(item)" src="/static/img/select-icon_on.png"
								v-show="editModel&& isInArray(checkArr, item.orderid)" class="select-icon"></image>
						</view>
						<!-- <view class="" else="" :style="editModel?'width:36px':'display:none'"></view> -->
						<view class="gmjl-list-content" :style="editModel?'margin-left:36rpx':''">
							<view class="gmjl-list-top">
								<text class="gmjl-list-name">{{item.title}}</text>
								<!-- 有三种状态支付成功、支付失败（shibai）、订单取消(quxiao) -->
								<text class="gmjl-list-statu">{{item.statustr}}</text>
							</view>
							<view class="gmjl-list-xq">
								<view class="gmjl-list-xq-text">
									开通地区：<text>{{item.diqu}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									支付金额：<text>{{item.money}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									购买<text>{{item.mounth}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									购买日期：<text>{{item.gmrq}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									到期时间：<text>{{item.daoqi}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									支付方式：<text>{{item.zffsstr}}</text>
								</view>
								<view class="gmjl-list-xq-text">
									订单编号：<text>{{item.biaohao}}</text>
								</view>
								<view class="gmjl-list-xq-text" v-if="item.statu==5">
									<!-- 发票状态有四种状态:申请中(blue)、待开票(blue)、已寄送(green)、已撤回(red) -->
									发票状态：<text class="blue">{{item.fpzt}}</text>
								</view>
								<view class="gmjl-list-xq-text" v-if="item.kuaididanhao!=''">
									邮寄单号：<text class="blue">{{item.kuaididanhao}}</text>
								</view>
								<view class="gmjl-jxzf" @click="requestPayment(item)"
									v-if="item.statu=='0'&&!item.expire">继续支付</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 新增列表加载更多 -->
				<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
			</view>
		</view>
		<view class="fapiao-heji" v-show="editModel">
			<text style="color: #f97c16;">{{checkNum}}</text>个订单，共<text style="color: #f97c16;">{{fapiaojine}}</text>元
		</view>
		<view class="gmjl-foot" v-show="editModel">
			<view class="gmjl-foot-checkbox" @click="checkall('cancel')">
				<text style="font-size: 26rpx; color: #999;">取消全选</text>
			</view>
			<view class="gmjl-foot-checkbox" @click="checkall('all')">
				<image src="/static/img/select-icon.png" v-show="!checkAll" class="select-icon"></image>
				<image src="/static/img/select-icon_on.png" v-show="checkAll" class="select-icon"></image><text
					style="font-size: 26rpx; color: #999;">全部全选</text>
			</view>
			<view class="gmjl-foot-btn" :class="{'gmjl-foot-btn2': this.checkArr.length > 0}" @click="nextStep">下一步
			</view>
		</view>

		<!-- h5 支付页 -->
		<web-view :fullscreen="false" v-if="isUseH5Pay" :src="src" :webview-styles="webviewStyles"></web-view>
	</view>
</template>

<script>
	import EvanCheckbox from '@/components/evan-checkbox/evan-checkbox.vue';
	import commonjs from '@/common/script/common.js';
	let tempList = [];
	var iapChannel;
	export default {
		components: {
			EvanCheckbox
		},
		data() {
			return {
				webviewStyles: {
					// progress:{
					// 	color: '#f00'
					// },
					height: 0,
					top: 50,
					bottom: 0
				},
				isUseH5Pay: false,
				src: '',
				editModel: false,
				checkSelect: false,
				checkAll: false,
				fapiaojine: 0,
				checkNum: 0,
				checkArr: [],
				gmjlList: [],
				isios: false,
				IAPOrders: [],
				iapnotifycount: 0,
				dianji: false,
				iskp: 0,
				status: 'more',
				contentText: {
					contentdown: '上拉加载更多',
					contentrefresh: '加载中',
					contentnomore: '没有更多'
				},
				page: 1,
				pagesize: 20,
				paymentItem: {
					id: 'alipay'
				},
				wv: '',
				orderInfo_ID: '',
				payType: ''
			};
		},
		computed: {
			// 支付方式是：鸿蒙且为微信支付
			isharmonyosWxpay() {
				return uni.getSystemInfoSync().platform === 'harmonyos' && this.payType == "wxpay"
			},
		},
		onLoad(options) {
			this.checkLogin(1);
			// ios 审核期间走apple应用内 支付
			if (uni.getSystemInfoSync().platform == 'ios') {
				this.isios = true;
				if (this.baseConfig.isIOSshenhe) {
					// uni.switchTab({
					// 	url: '/pages/user/user'
					// })
					// return false;
					this.paymentItem.id = "appleiap";
				}
			}

			// uni.showNavigationBarLoading();
			// if (this.currUser.islogin)
			// 	this.getList();
			if (this.currUser.islogin) {
				uni.showNavigationBarLoading();
				this.getList('refresh');
			}
			if (options.kp == 1) {
				this.iskp = 1;
			}

			//this.plusReady();
			//this.checkiaporder();

			// #ifdef APP-PLUS
			this.wv = plus.webview.create("", "bidcenter", {
				// plusrequire: "none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
				// 'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
				// top: uni.getSystemInfoSync().statusBarHeight +
				// 	44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
				top: '50',
				bottom: 0,
				height: 0
			})
			// #endif
		},
		onShow() {
			// ios 审核期间走apple应用内 支付
			if (uni.getSystemInfoSync().platform == 'ios') {
				this.isios = true;
				if (this.baseConfig.isIOSshenhe) {
					// uni.switchTab({
					// 	url: '/pages/user/user'
					// })
					// return false;
					this.paymentItem.id = "appleiap";
				}
			}
			this.checkLogin(1);
			this.editModel = false;
			if (tempList.length > 0) {
				this.gmjlList = tempList;
			}
			// if (this.isios)
			// 	this.loadJiage();
		},
		onUnload() {
			uni.hideNavigationBarLoading(); //关闭加载动画
		},
		onPullDownRefresh() {
			this.getList("refresh");
		},
		onReachBottom() {
			this.getList('add');
		},
		onNavigationBarButtonTap() {
			// if (this.dianji) {
			// 	if (this.editModel) {
			// 		this.editModel = false;
			// 		this.gmjlList = tempList;
			// 	} else {
			// 		tempList = this.gmjlList;
			// 		this.editModel = true;
			// 		this.gmjlList = this.gmjlList.filter(item => {
			// 			return item.fpid == 0 && item.statu == 5;
			// 		})
			// 	}
			// }else{
			// 	uni.showToast({
			// 		title: '您暂无可开票的订单！',
			// 		icon: "none"
			// 	});
			// }
		},
		methods: {
			rightClick() {
				if (this.dianji) {
					if (this.editModel) {
						this.editModel = false;
						this.gmjlList = tempList;
					} else {
						tempList = this.gmjlList;
						this.editModel = true;
						this.gmjlList = this.gmjlList.filter(item => {
							return item.fpid == 0 && item.statu == 5;
						})
					}
				} else {
					uni.showToast({
						title: '您暂无可开票的订单！',
						icon: "none"
					});
				}
			},
			checkbox(e) {
				if (this.isInArray(this.checkArr, e.orderid)) {
					this.checkArr = this.checkArr.filter(item => {
						return item != e.orderid;
					})
					this.fapiaojine = commonjs.subtract(this.fapiaojine, e.money, 2);
				} else {
					this.checkArr.push(e.orderid);
					this.fapiaojine = commonjs.add(this.fapiaojine, e.money, 2);
				}
				this.checkAll = false;
				this.checkNum = this.checkArr.length;
			},
			checkall(type) {
				if (type == 'all') {
					this.checkArr = [];
					this.fapiaojine = 0;
					this.gmjlList.forEach(item => {
						this.checkArr.push(item.orderid);
						this.fapiaojine = commonjs.add(this.fapiaojine, item.money, 2);
					})
					this.checkAll = true;
				} else if (type == 'cancel') {
					this.checkArr = [];
					this.checkAll = false;
					this.fapiaojine = 0;
				}
				this.checkNum = this.checkArr.length;
			},
			nextStep() {
				if (this.checkArr.length > 0) {
					console.log(this.checkArr.toString())
					uni.navigateTo({
						url: '/pages/user/wodefapiao/shenqingfapiao?orderid=' + this.checkArr.toString() +
							'&jine=' + this.fapiaojine + '&orderType=' + 1
					})
				} else {
					uni.showToast({
						title: '请选择需要开票的订单',
						icon: "none"
					});
				}

			},
			/**
			 * @param {Object} type
			 * 注：由于各端ios,android,harmonyos各端支付方式不同，故各端只显示各端创建的订单，其它端创建的一律不显示，否则支付方式(h5，应用内)不同，继续支付时接口会报错（因为H5支付的继续支付只能用H5支付；应用内支付的继续支付只能用应用内支付）
			 */
			getList(type) {
				if (type == 'add') {
					if (this.status == "noMore") {
						return;
					}
					this.status = 'loading';
				}
				if (type === 'refresh') {
					this.status = 'more';
					uni.showNavigationBarLoading();
					this.page = 1
					uni.pageScrollTo({
						scrollTop: 0,
						duration: 100
					});
				}


				//异步请求数据
				let data = this.initNewData();
				data.from = 4038;
				data.location = 8087;
				data.page = this.page;
				data.pagesize = this.pagesize;
				data.duration = 15 //>0：获取待支付订单，并过滤超时未支付订单
				uni.request({
					url: this.baseConfig.serverURL + 'User/goumaijilu/GoumaiJiluListHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						//console.log(res);
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
								this.status = "noMore";
								uni.stopPullDownRefresh();
								uni.hideNavigationBarLoading(); //关闭加载动画
								return;

							} else {
								//获取成功，绑定
								let list = res.data.other2.list;
								if (list == undefined || list == '' || list.length <= 0) {
									this.gmjlList = [];
									this.status = "noMore";
									uni.stopPullDownRefresh();
									uni.hideNavigationBarLoading(); //关闭加载动画
									return;
								} else {
									if (type === 'refresh') {
										console.log("下拉刷新");
										this.gmjlList = [];
									}
									list.forEach(item => {
										this.gmjlList.push(item);
									})
									this.status = "more";
									if (list.length < this.pagesize) {
										this.status = "noMore";
									}
									this.page++
									uni.stopPullDownRefresh(); //得到数据后停止下拉刷新
									uni.hideNavigationBarLoading(); //关闭加载动画
									this.dianji = true;
									if (this.iskp == 1) {
										tempList = this.gmjlList;
										this.editModel = true;
										this.gmjlList = this.gmjlList.filter(item => {
											return item.fpid == 0 && item.statu == 5;
										})
									}
								}
							}
						} else {
							uni.hideNavigationBarLoading(); //关闭加载动画
							uni.showToast({
								title: '获取购买记录失败',
								icon: "none"
							});
						}
					},
					fail: (res) => {
						uni.hideNavigationBarLoading(); //关闭加载动画
						uni.showToast({
							title: '获取购买记录失败！',
							icon: "none"
						});
					}
				})

			},
			getOrderInfo(e) {
				
				// let platform = ''
				// if(uni.getSystemInfoSync().platform === 'ios'){
				// 	platform='ios'
				// }else if(uni.getSystemInfoSync().platform === 'harmonyos'){
				// 	platform='harmonyos'
				// }else{
				// 	platform='android'
				// }

				//console.log(e);
				let appid = "";
				// #ifdef APP-PLUS
				appid = plus.runtime.appid;
				// #endif
				// #ifdef APP-HARMONY
				appid = '__UNI__2F5F9D0';
				// #endif
				
				let data = this.initNewData();
				data.location = 5181;
				data.appid = appid;
				data.orderid = e.orderid;
				data.qudao = getApp().globalData.channel
				
				// data.orderid = 0
				// data.payid = e.zffs === '1' ? 'wxpay' : 'alipay'
				console.log('appid', appid)

				console.log('data',data);
				return new Promise((res) => {
					uni.request({
						url: this.baseConfig.serverURL + 'pay/CreateOrderHandler.ashx', //检查更新的服务器地址
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (result) => {
							console.log('pay/CreateOrderHandler.ashx', result)
							if (result.statusCode == 200) {
								if (!result.data.ret) {
									uni.showToast({
										title: result.data.msg,
										icon: "none"
									});
								} else {
									res(result.data.other2);
								}
							} else {
								uni.showToast({
									title: '创建订单失败！',
									icon: "none"
								});
							}
						},
						fail: (e) => {
							uni.showToast({
								title: '创建订单失败！',
								icon: "none"
							});
						}
					})
				})
			},
			async requestPayment(e) {
				this.orderInfo_ID = e.orderid
				this.payType = e.zffs === '1' ? 'wxpay' : 'alipay'

				let orderInfo = {};
				
				// console.log('this.payType',this.payType)

				// android机 及 鸿蒙支付宝方式 走应用内支付，需要调下单接口
				if (uni.getSystemInfoSync().platform === 'android' ||
					(uni.getSystemInfoSync().platform ==='harmonyos' && this.payType == "alipay")) {
					orderInfo = await this.getOrderInfo(e)
				}

				// android机上的提示
				// console.log('isharmonyosWxpay', this.isharmonyosWxpay)

				if ((uni.getSystemInfoSync().platform === 'android' && orderInfo.statusCode !== 200) ||
					(this.isios && !this.baseConfig.isIOSshenhe && !this.orderInfo_ID) ||
					(this.isharmonyosWxpay && !this.orderInfo_ID)) {
					uni.showModal({
						content: "获得订单信息失败",
						showCancel: false
					})
					return;
				}
				uni.showLoading({
					title: '订单处理中...'
				});
				if (this.isios || this.isharmonyosWxpay) {
					// 注：想唤起微信支付界面时，必须用网络地址；而支付宝及电脑端（只能唤醒微信，打开微信，不能支付）用上面的本地地址也可以
					const h5pay = 'https://m.bidcenter.com.cn/pay/pay-jsapi.html?orderid=' + this.orderInfo_ID +
						'&token=' + this.initNewData().token + '&from=open'

					this.src = h5pay;
					this.isUseH5Pay = true;

					setTimeout(() => {
						uni.hideLoading()
					}, 1000)

				} else {
					uni.requestPayment({
						provider: e.zffs == '1' ? 'wxpay' : 'alipay',
						orderInfo: orderInfo.data,
						success: (e) => {
							console.log("success", e);
							uni.showToast({
								title: "开通成功!",
								success: function() {
									setTimeout(function() {
										this.getList();
									}, 2000)
								}
							})
						},
						fail: (e) => {
							console.log("fail", e);
							uni.showModal({
								content: "支付失败",
								showCancel: false
							})
						},
						complete: () => {
							// this.providerList[index].loading = false;

							uni.hideLoading()
						}
					})
				}
			},

			isInArray(arr, value) {
				for (var i = 0; i < arr.length; i++) {
					if (value === arr[i]) {
						return true;
					}
				}
				return false;
			},
			kaitong() {
				uni.navigateTo({
					url: '/pages/user/huiyuan/payment'
				})
			},
			plusReady() { //uni-app中将此function里的代码放入vue页面的onLoad生命周期中
				// 获取支付通道 
				let that = this;
				console.log("获取支付通道 ")
				return new Promise((res) => {
					plus.payment.getChannels(function(channels) {
						//console.log("进入方法getChannels " + JSON.stringify(channels))
						for (var i = 0; i < channels.length; i++) {
							//console.log("进入方法getChannels " + JSON.stringify(channels[i]))
							if (channels[i].id == 'appleiap') {
								iapChannel = channels[i];
								//console.log("iapChannel " + iapChannel)
								//console.log("进入方法appleiap " + that.IAPOrders)
								iapChannel.requestOrder(that.IAPOrders, function(event) {
									uni.hideLoading();
									//console.log(JSON.stringify(event))
								}, function(errormsg) {
									uni.hideLoading();
									//console.log("获取支付通道失败：" + errormsg.message);
									uni.showModal({
										content: "获取支付通道失败：" + errormsg.message,
										showCancel: false
									});
								});
							}
						}
					}, function(e) {
						uni.showModal({
							content: "获取支付通道失败：" + e.message,
							showCancel: false
						});
						console.log("获取支付通道失败：" + e.message);
					});
				})
			},

			async pay(e) {
				let that = this;
				uni.showLoading({
					title: '支付中，请稍后'
				});
				plus.payment.request(iapChannel, {
					"productid": e.productid,
					"username": e.username,
					"quantity": e.quantity
				}, function(result) {
					uni.hideLoading();
					console.log("pay方法result", JSON.stringify(result));
					if (result != undefined && result != null && result.transactionIdentifier != undefined &&
						result.transactionIdentifier !=
						null && result.transactionReceipt != undefined && result.transactionReceipt != null) {
						//添加订单缓存，防止掉单
						uni.setStorageSync("iaporderinfo", result);
						uni.setStorageSync("iaporderinfolocal", e);
						//验证订单
						that.iapnotify(result, e, false);
						uni.showToast({
							title: "开通会员成功",
							success: function() {
								setTimeout(function() {
									this.getList();
								}, 2000)
							}
						})
					} else {
						uni.showToast({
							title: '未获取到订单信息！',
							icon: "none"
						});
					}
				}, function(e) {
					uni.hideLoading();
					uni.showModal({
						content: "下单失败，请重新下单",
						showCancel: false
					});
					//console.log("pay方法error", JSON.stringify(e));
				});
			},
			iapnotify(result, order, ischeck) {
				let that = this;
				let data = this.initNewData();
				data.location = 5181;
				data.orderid = order.orderid;
				console.log("支付回调方法");
				data.transactionid = result.transactionIdentifier;
				data.receipt = result.transactionReceipt;
				data.payment = JSON.stringify(result.payment);
				uni.request({
					url: this.baseConfig.serverURL + 'pay/iap/IosiapNotifyHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								//移除订单缓存
								try {
									uni.removeStorage({
										key: 'iaporderinfo',
										success: function(res) {
											console.log('iaporderinfo remove success');
										}
									});
									uni.removeStorage({
										key: 'iaporderinfolocal',
										success: function(res) {
											console.log('iaporderinfolocal remove success');
										}
									});
								} catch (e) {}


							}
						} else {
							uni.showToast({
								title: '购买会员失败！',
								icon: "none"
							});
						}
					},
					fail: (e) => {
						console.log("回调错误：" + that.iapnotifycount)
						that.iapnotifycount++;
						if (that.iapnotifycount < 5) {
							that.iapnotify(result, order, false)
						} else {
							uni.showToast({
								title: '购买会员失败，可能网络超时！',
								icon: "none"
							});
						}
					}
				})

			},
			checkiaporder() { //查询是否存在已支付但是未开通的订单
				// console.log("查询是否有订单");
				// console.log(uni.getStorageSync('iaporderinfo'));
				// console.log(uni.getStorageSync('iaporderinfolocal'));
				if (uni.getStorageSync('iaporderinfo') && uni.getStorageSync('iaporderinfolocal')) {
					console.log("查询订单");
					this.iapnotify(uni.getStorageSync('iaporderinfo'), uni.getStorageSync('iaporderinfolocal'), true);
				}
			},
			loadJiage() {
				//异步请求数据
				let data = this.initNewData();
				data.location = 8087;
				if (data.system == undefined || data.system == null || data.system == '' || data.system == 'null') {
					var t2 = setInterval(function() {
						data.system = uni.getSystemInfoSync().platform;
						if (data.system != undefined && data.system != '' && data.system != 'null' && data
							.system != null) {
							clearInterval(t2);
						}
					}, 50);
				}
				uni.request({
					url: this.baseConfig.serverURL + 'pay/LiJiKaiTongHandler.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						if (res.statusCode == 200) {
							console.log(res);
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								//获取成功，绑定
								this.IAPOrders = res.data.other2.IAPOrders;
								if (this.isios)
									this.plusReady()
							}
						} else {
							uni.showToast({
								title: '获取价格信息失败',
								icon: "none"
							});
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f4f4f4;
	}

	.gmjl-wrap {
		margin: 30rpx 0;
		padding-bottom: 70rpx;

		.gmjl-cell {
			margin: 0 30rpx;
			display: flex;
			flex-direction: column;

			.gmjl-cell-list {
				margin-bottom: 20rpx;

				.gmjl-list-media {
					display: flex;
					flex-direction: row;
					align-items: center;

					.gmjl-list-content {
						background-color: #fff;
						box-shadow: 6rpx 12rpx 14rpx rgba(#e7e7e7, 0.5);

						.gmjl-list-top {
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							align-items: center;
							padding: 20rpx 0;
							margin: 0 30rpx;
							border-bottom: 1rpx solid #f4f4f4;

							.gmjl-list-name {
								font-weight: bold;
								font-size: 32rpx;
							}

							.gmjl-list-statu {
								font-size: 28rpx;
								color: #1aa953;
							}

							.shibai {
								color: #fe0e0e;
							}

							.quxiao {
								color: #197efc;
							}
						}

						.gmjl-list-xq {
							margin: 20rpx 30rpx;

							.gmjl-list-xq-text {
								color: #999999;
								font-size: 28rpx;
								padding: 15rpx 0;

								.blue {
									color: #0e8afe;
								}

								.green {
									color: #1aa953;
								}

								.red {
									color: #fe0e0e;
								}
							}

							.gmjl-jxzf {
								background-color: #2f69e0;
								color: #fff;
								display: flex;
								flex-direction: column;
								align-items: center;
								justify-content: center;
								padding: 10rpx 0;
								font-size: 30rpx;
								border-radius: 10rpx;
								margin-top: 10rpx;
							}
						}
					}

				}
			}
		}
	}

	.gmjl-list-media .gmjl-list-content {
		width: 100%;
	}

	.gmjl-list-media.scan .gmjl-list-content {
		width: 90%;
	}

	.gmjl-foot {
		position: fixed;
		width: 100%;
		bottom: 0;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 20rpx 30rpx;
		box-sizing: border-box;

		.gmjl-foot-checkbox {
			font-size: 26rpx;
			color: #999999;
			width: 30%;
			display: flex;
		}

		.gmjl-foot-btn {
			background-color: #cbcbcb;
			padding: 20rpx 0rpx;
			color: #fff;
			font-size: 26rpx;
			border-radius: 10rpx;
			text-align: center;
			width: 40%;
		}

		.gmjl-foot-btn2 {
			background-color: #0e8afe;
		}
	}

	.select-icon {
		width: 34rpx;
		height: 34rpx;
		margin-right: 5%;
	}

	.gmjl-null {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 100rpx;

		.null-img {
			width: 477rpx;
			height: 336rpx;
		}

		.gmjl-null-text {
			color: #bdb09c;
			font-size: 32rpx;
			margin: 30rpx 0;
		}

		.gmjl-null-btn {
			width: 250rpx;
			height: 77rpx;
			line-height: 77rpx;
			border-radius: 77rpx;
			background-color: #2f69e0;
			color: #fff;
			font-size: 30rpx;
			text-align: center;
		}
	}

	.fapiao-heji {
		background-color: #fff;
		width: 100%;
		padding: 20rpx 30rpx;
		font-size: 24rpx;
		position: fixed;
		bottom: 60px;
	}
</style>